<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jQuery对象的遍历</title>
</head>
<body>
   	<h1>遍历jQuery对象的内部的DOM对象</h1>
   	<input type="button" value="全选" onclick="quan()" />
   	<input type="button" value="反选" onclick="fan()" />
   	<input type="button" value="不选" onclick="bu()" />
   	<p>选择1<input type="checkbox" /></p>
   	<p>选择2<input type="checkbox" /></p>
   	<p>选择3<input type="checkbox" /></p>
   	<p>选择4<input type="checkbox" /></p>
   	<p>选择5<input type="checkbox" /></p>
	
</body>
<script type="text/javascript" src="./jquery-3.1.1.js"></script>
<script type="text/javascript">
	function quan(){
		$('input:checkbox').prop('checked',true);
	}
	function bu(){
		$('input:checkbox').prop('checked',false);
	}
	//面向过程的思路
	// function fan(){
	// 	var cbs = $('input:checkbox');
	// 	for(var i=0; i<cbs.length; i++){
	// 		if($(cbs[i]).prop('checked')){
	// 			$(cbs[i]).prop('checked',false);
	// 		}else{
	// 			$(cbs[i]).prop('checked',true);
	// 		}
	// 	}
	// }
	
	//面向函数式的思路,回调函数
	//系统函数 each()一个一个往下走
	//只带着往下走,每走一步的具体操作,你说了算
	//在这个回调函数中this是谁
	//再循环过程中,循环到哪个DOM对象,回调函数中的this就指向那个DOM对象
	// function fan(){
	// 	$('input:checkbox').each(function(){
	// 		if($(this).prop('checked')){
	// 			$(this).prop('checked',false);
	// 		}else{
	// 			$(this).prop('checked',true);
	// 		}
	// 	});
	// }
	
	//更简化的方式,直接对自己取反
	function fan(){
		$('input:checkbox').each(function(){
			this.checked = !this.checked;
		});
	}
</script>
</html>